<!DOCTYPE html>
<html xml:lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1,user-scalable=0">
	<meta name="referrer" content="no-referrer">
	<title>局域网文件上传</title>
	<link rel="shortcut icon" href="#" />
	<link href="/assets/bootstrap/bootstrap.min.css" rel="stylesheet">
	<link href="/assets/fileinput/explorer-fas/theme.min.css" rel="stylesheet">
	<link href="/assets/fileinput/fileinput.min.css" rel="stylesheet">
	<link href="/assets/fileinput/fileinput-rtl.min.css" rel="stylesheet">
	<link href="/assets/fontawesome/font/all.min.css" rel="stylesheet">
	<style type="text/css">
		@font-face {
			font-family: zhanku;
			src: url(/assets/ttf/zhanku.ttf)
		}
		.kv-file-content {
			display: none !important;
		}
		html {
			position: relative;
			min-height: 100%;
			background-color: #f5f5f5;
		}

		body {
			/* Margin bottom by footer height */
			margin-bottom: 100px;
			background-color: #f5f5f5;
		}
		.footer {
			position: absolute;
			padding-top: 18rem;
		}
	</style>
</head>
<body>
<div class="container">
	<div class="page-header" style="padding-top: .5rem;">
		<h3 style="font-family: zhanku;">局域网文件上传 <small>安全·快捷</small></h3>
	</div>
	<div class="file-loading">
		<input id="f_upload" type="file" multiple="multiple" />
	</div>
	<footer class="footer" style="">
		<div class="container">
			<hr>
			<div class="row footer-bottom">
				<ul class="list-inline text-center">
					<li><img src="http://wesleyonejs.oss-cn-shanghai.aliyuncs.com/gzh6.png" onerror="src='/assets/img/gzh3.png'" style="width: 100%;" alt="公众号"></li>
				</ul>
			</div>
		</div>
	</footer>
</div>
<script src="/assets/js/jquery-3.3.1.min.js"></script>
<script src="/assets/bootstrap/popper.min.js"></script>
<script src="/assets/bootstrap/bootstrap.min.js"></script>
<script src="/assets/fontawesome/font/all.min.js"></script>
<script src="/assets/fileinput/fileinput.min.js"></script>
<script src="/assets/fileinput/explorer-fas/theme.min.js"></script>
<script src="/assets/fileinput/zh.js"></script>
<script type="text/javascript">

	$(function () {
		$("#f_upload")
				.fileinput(
						{
							language : 'zh', //设置语言
							theme : "explorer-fas",
							uploadUrl : "/uploadFile", //上传的地址
							allowedFileType : [ 'text', 'video', 'audio', 'flash'],
							uploadAsync : true, //默认异步上传
							showUpload : true, //是否显示上传按钮
							showRemove : true, //显示移除按钮
							showPreview : true, //是否显示预览
							showCaption : false,//是否显示标题
							browseClass : "btn btn-primary", //按钮样式
							dropZoneEnabled : false,//是否显示拖拽区域
							maxFileSize : 1024 * 1024,//单位为kb，如果为0表示不限制文件大小
							maxFileCount : 100, //表示允许同时上传的最大文件个数
							enctype : 'multipart/form-data',
							validateInitialCount : false,
							autoReplace : true,//替代当前文件
							previewFileIcon : "<i class='glyphicon glyphicon-folder-open'></i>",
							msgFilesTooMany : "选择上传的文件数量({n}) 超过允许的最大数值{m}！",
							fileActionSettings: {                               // 在预览窗口中为新选择的文件缩略图设置文件操作的对象配置
								showRemove: true,                                   // 显示删除按钮
								showUpload: false,                                   // 显示上传按钮
								showDownload: false,                            // 显示下载按钮
								showZoom: false,                                    // 显示预览按钮
								showDrag: false,                                        // 显示拖拽
								removeIcon: '<i class="fa fa-trash"></i>',   // 删除图标
								uploadIcon: '<i class="fa fa-upload"></i>',     // 上传图标
								uploadRetryIcon: '<i class="fa fa-repeat"></i>'  // 重试图标
							}
						}).on("fileuploaded",function(event, data, previewId, index) {

						});
	});

</script>
</body>
</html>